import "./App.css";
import Router from "./router/index.jsx";
import { HashRouter, NavLink } from "react-router-dom";
import { RootStoreProvider } from "@/store";

function App() {
  return (
    <>
      <RootStoreProvider>
        <HashRouter>
          <div className="main-App">
            <div className="main-nav">
              <NavLink to={"/"}>home</NavLink>
              <NavLink to={"/app1/"}>app1</NavLink>
              <NavLink to={"/app2/"}>app2</NavLink>
              <NavLink to={"/app3/"}>app3</NavLink>
              <NavLink to={"/test/"}>test</NavLink>
            </div>
            <Router />
          </div>
        </HashRouter>
      </RootStoreProvider>
    </>
  );
}

export default App;
